<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html">
<head th:fragment="headerFragment(title,active)">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--    <meta name="viewport" content="width=device-width, initial-scale=1">-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta content="Coderthemes" name="author"/>
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title><th:block th:text="${title!=null?title:'AI绘画'}"></th:block></title>


<!--    <link href="css/bootstrap.min.css" rel="stylesheet">-->
<!--      <script type="text/javascript" src="js/jquery.min.js"></script>-->
<!--      <script type="text/javascript" src="js/bootstrap.min.js"></script>-->


<!--    <link th:href="@{/bootstrap-5.0.2-dist/css/bootstrap.css}" rel="stylesheet" type="text/css" href="/bootstrap-5.0.2-dist/css/bootstrap.css"/>-->
<!--    <link th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>-->
<!--    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>-->
<!--    <link th:href="@{/css/style.css}" rel="stylesheet" type="text/css"/>-->

    <link rel="canonical" href="http://v3.bootcss.com/javascript/">

    <!-- Bootstrap core CSS -->
    <link href="https://cdn.jsdelivr.cn/npm/@bootcss/v3.bootcss.com@1.0.52/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Optional Bootstrap Theme -->

    <link href="data:text/css;charset=utf-8," data-href="/dist/css/bootstrap-theme.min.css" rel="stylesheet" id="bs-theme-stylesheet">
    <!-- Documentation extras -->

    <link href="https://cdn.jsdelivr.cn/npm/@bootcss/v3.bootcss.com@1.0.52/assets/css/docs.min.css" rel="stylesheet">
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <link href="https://cdn.jsdelivr.cn/npm/@bootcss/v3.bootcss.com@1.0.52/assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="https://cdn.jsdelivr.cn/npm/@bootcss/v3.bootcss.com@1.0.52/examples/dashboard/dashboard.css" rel="stylesheet">

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]><script src="https://cdn.jsdelivr.cn/npm/@bootcss/v3.bootcss.com@1.0.52/assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <script src="https://cdn.jsdelivr.cn/npm/@bootcss/v3.bootcss.com@1.0.52/assets/js/ie-emulation-modes-warning.js"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->


  </head>
  <body>
  <div th:fragment="header-body">

      <nav class="navbar navbar-inverse navbar-fixed-top">
          <div class="container-fluid">
              <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <!--            导航栏图标-->
                <a class="navbar-brand" href="/">
                    <img alt="Brand" class="img-responsive" src="/images/novelai-round.png"  style="height:40px;width:50px">
                </a>
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="/">NovelAi绘画</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="https://wolfchen.top/tag/">TAG生成器 <span class="sr-only">(current)</span></a></li>
                    <li><a href="https://thereisnospon.github.io/NovelAiTag/">TAG魔导书</a></li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="/toLogin" th:if="${session.USER_SESSION==null}">登录</a></li>
                    <li><a href="/toRegister" th:if="${session.USER_SESSION==null}">注册</a></li>
                    <li><a href="/To_manageIndex" th:if="${session.USER_SESSION!=null}">个人中心</a></li>
                    <li><a href="/logout" th:if="${session.USER_SESSION!=null}">注销</a></li>

                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>



</div>
</body>
</html>
